.page {
    // position: absolute;
    // left: 0px;
    // top: 0px;
    // width: 1920px;
    // height: 1080px;

    width: 100%;
    height: 100%;
    background: rgba(25, 27, 44, 1);
    background-image: linear-gradient(rgb(0, 5, 27), rgb(1, 10, 41));
    mix-blend-mode: normal;
    display: flex;
    flex-direction: column;

    :global {

        .center {
            width: 100%;
            flex: 1;
            display: flex;


            .page-left {
                display: flex;
                flex-direction: column;

                .left-1 {
                    display: flex;
                }

                .left-2 {
                    flex: 1;
                    width: 1315px;
                    display: flex;


                    .left-2-1 {
                        flex: 1;
                        display: flex;
                        flex-direction: column;

                        .left-2-1-1 {
                            height: 250px;
                        }

                        .left-2-1-2 {
                            flex: 1;
                            width: 100%;
                        }
                    }

                    .left-2-2 {
                        width: 865px;
                        display: flex;
                        flex-direction: column;

                        .left-2-2-top {
                            height: 450px;
                        }

                        .left-2-2-bottom {
                            width: 100%;
                            flex: 1;
                        }
                    }
                }
            }

            .page-right {
                flex: 1;
                display: flex;
                flex-direction: column;

                .right-3 {
                    height: 250px;
                    width: 100%;
                }

                .right-4 {
                    height: 256px;
                    width: 100%;
                }
            }
        }


    }
}